<template>
	<span v-if="homeScore && awayScore" :class="{ 'text-primary': isResult }">
		[{{ homeScore }}:{{ awayScore }}]
	</span>
</template>

<script lang="ts" setup>
defineProps({
	homeScore: {
		type: [String, Number],
		default: '0'
	},
	awayScore: {
		type: [String, Number],
		default: '0'
	},
	isResult: {
		type: Boolean,
		default: false
	}
})
</script>
